<template>
	<div>
		<form class="mui-input-group my-login">
		    <div class="mui-input-row">
		        <label>用户名</label>
		    <input type="text" class="mui-input-clear" placeholder="请输入用户名" name="username">
		    </div>
			<div class="mui-input-row">
			    <label>手机号</label>
			<input type="text" class="mui-input-clear" placeholder="请输入手机号" name="mobile">
			</div>
		    <div class="mui-input-row">
		        <label>密码</label>
		        <input type="password" class="mui-input-password" placeholder="请输入密码" name="password">
				<span class="mui-icon mui-icon-eye"></span>
		    </div>
			<div class="mui-input-row">
			    <label>确认密码</label>
			    <input type="password" class="mui-input-password" placeholder="请输入密码" name="againPass">
				<span class="mui-icon mui-icon-eye"></span>
			</div>
			<div class="mui-input-row">
			    <label>认证码</label>
			<input type="text" class="mui-input-clear" placeholder="认证码" name="vCode">
			<a href="javascript:;" class="getCode" id="getCode">获取认证码</a>
			</div>
		    <div class="mui-button-row">
		        <button type="button" class="mui-btn mui-btn-primary" id="register-btn" >注册</button>
		    </div>
			<router-link to="/member" class="login-now">立即登录</router-link>
		</form>
	</div>
</template>

<script>
	export default{
		
	}
</script>

<style scoped>
	.getCode{
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: #26A2FF;
	}
	.login-now{
		display: block;
		margin-top: 10px;
		padding-right: 10px;
		text-align: right;
		color: #26A2FF;
	}
	#register-btn{
		width:96%;
		margin-top: 12px;
		background-color: #26A2FF;
	}
	
</style>
